<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML Character Count Tool</title>
<link href="https://netoopscodes.googlecode.com/svn/trunk/css/noopdefault.css" type="text/css" rel="stylesheet" />
<script type="text/javascript">
function charcount(){var count=document.getElementById('txt').value.length;document.getElementById('countdisp').innerHTML=count}function instantcount(a){document.getElementById('countdisp').innerHTML=a.value.length}function instantcountcheck(){var countbutton=document.getElementById('countgen');var countcheck=document.getElementById('instantcount');var txt=document.getElementById('txt');if(countcheck.checked==true){countbutton.disabled=true;txt.setAttribute('onkeyup','instantcount(this);')}else{countbutton.disabled=false;txt.removeAttribute('onkeyup')}}</script>

</head>

<body>
<fieldset class="noopfield"><legend class="noopfieldtitle">Char Count Tool</legend><table width="100%"><tr><td width="40%" colspan="2">
<textarea cols="57" rows="12" class="nooptxt" id="txt"></textarea>
</td><td>
<input type="checkbox" id="instantcount" onclick="instantcountcheck();" /><label for="instantcount">Instant Count</label>
</td></tr><tr><td height="31" align="right">
Number of Characters:
</td>
  <td align="right"><label id="countdisp">0</label></td>
</tr>
<tr><td colspan="2" align="center">
<button class="noopbtn" id="countgen" onclick="charcount();">Count Characters</button>
</td></tr></table>
</fieldset>
<br />
<center>
Copyright &copy; 2012 by Valsaraj @ <a rel="dofollow" href="http://netoopsblog.blogspot.com">NetOops Blog</a>.All Rights Reserved
</center>
</body>
</html>
